<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="../js/mui.min.js"></script>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/detail.css" />
		<script type="text/javascript" src="../js/common.js"></script>

		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
		<style type="text/css">
			.top-header-left {
				top: 10px;
			}
		</style>
	</head>

	<body>
		<div class="top-wrap">
			<div onclick="back()" class="top-header-left">
				<img src="../images/arrow-left-icon.png" />
			</div>
			<div class="title">
				景点详情
			</div>
			<div class="right">
				<div class="dengji">
					3级
				</div>
				<div id="jindutiao" class="jindutiao">
					<p class="mui-progressbar mui-progressbar-success" data-progress="20"><span></span></p>
				</div>
				<img src="../images/shuijiao.jpg" />
			</div>
		</div>
		<div class="detail-wrap" style="padding-top: 45px;padding-bottom: 20px;">
			<!--轮播图-->
			<div class="mui-slider">
				<div class="mui-slider-group .mui-slider-loop">
					<!--第一个内容区容器-->
					<div class="mui-slider-item">
						<!-- 具体内容 -->
						<img src="../images/zeya01.jpg" />
					</div>
					<!--第一个内容区容器-->
					<div class="mui-slider-item">
						<!-- 具体内容 -->
						<img src="../images/zeya02.jpg" />
					</div>
					<!--第二个内容区-->
					<div class="mui-slider-item">
						<!-- 具体内容 -->
						<img src="../images/zeya03.jpg" />
					</div>
					<!--第二个内容区-->
					<div class="mui-slider-item">
						<!-- 具体内容 -->
						<img src="../images/zeya04.jpg" />
					</div>
				</div>
				<div class="mui-slider-indicator">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
				</div>
			</div>
			<div class="jq-title">
				泽雅水上漂流
			</div>
			<div class="huoqu-jifen">
				<div class="float-left">
					是否获取：否
				</div>
				<div class="float-right">
					可获得积分：10
				</div>
			</div>
			<div class="jieshao-t">
				景点介绍
			</div>
			<div class="main-content-wrap">
				泽雅位于瓯海区西部的泽雅镇境内，俗称“西雁荡山”。此地原名“寨下”，泽雅是“寨下”温州话的译音，西雁附近还有一个泽雅水库。这里一派峡谷飞瀑风光，九龙瀑三折瀑布连成一幅百余米高的水幕，势如九龙喷水；鳄鱼潭嵌在石壁之中，水清见底；珠岩直径为23米，人称“天下第一珠”...
			</div>
		</div>

		<script type="text/javascript">
			mui("#jindutiao .mui-progressbar").each(function() {
				mui(this).progressbar({
					progress: this.getAttribute("data-progress")
				}).show();
			});
			
			mui('.top-wrap').on('tap', '.right', function() {
				var w = plus.webview.create('personalInfo.html');
				plus.webview.show(w,'fade-in',300);
			})
		</script>
	</body>

</html>